<template>
  <div class="home-main">
    <div class="job-style">
      <div class="home-driver-style">
        <el-divider style="margin-top: 50px;margin-bottom: 80px;padding: 2px;background: #a4d6a7" content-position="center">热门工作</el-divider>
      </div>
      <MainJob></MainJob>
      <div class="button-style">
        <el-button plain type="success" @click="goto_more_job">MORE</el-button>
      </div>
      <div class="home-driver-style">
        <el-divider style="margin-top: 50px;margin-bottom: 80px;padding: 2px;background: #a4d6a7" content-position="center">热门公司</el-divider>
      </div>
      <MainCompany></MainCompany>
      <div class="button-style">
        <el-button plain type="success" @click="goto_more_company">MORE</el-button>
      </div>
    </div>
  </div>

</template>

<script>
import MainJob from './MainJob'
import MainCompany from './MainCompany'


export default {
  name: 'index',
  components:{MainJob,MainCompany},
  methods:{
    goto_more_job(){
      this.$router.push('/MoreJobInfo')
    },
    goto_more_company(){
      this.$router.push('/MoreCompany')
    },
  }

}
</script>

<style scoped>
.home-main{
  position: relative;
  padding-top: 0;
  padding-bottom: 40px;
  width: 70%;
  left: 15%;
}

.button-style{
  position: relative;
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: right;
}
</style>
